<template>
  <div class="topNav">
    <van-icon size="0.7rem" name="wap-nav"/>
    <div>
      <span @click="$router.push('/userinfo')">我的</span>
      <span>发现</span>
      <span>云村</span>
      <span>视频</span>
      <!--      <van-field placeholder="大家都在搜..."/>-->
    </div>
    <van-icon size="0.7rem" name="search" @click="$router.push('/search')"/>
  </div>
</template>

<script>
export default {
  name: "TopNav"
}
</script>

<style scoped>
.topNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2rem;
}

span {
  margin: 0 0.3rem;
  font-size: 0.4rem;
}

/*/deep/ .van-field__control {*/
/*  background-color: rgba(1, 1, 1, .1);*/
/*  border-radius: 0.1rem;*/
/*  height: 0.6rem;*/
/*  width: 5rem;*/
/*}*/
</style>